<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=10;IE=11">
	<title>login</title>
	<link rel="stylesheet" type="text/css" href="static/css/reset.css">
	<link rel="stylesheet" type="text/css" href="static/css/common.css">
	<link rel="stylesheet" type="text/css" href="static/css/login.css">
	<link rel="stylesheet" type="text/css" href="static/css/ui-dialog.css">
    <script type="text/javascript" src="static/lib/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="static/lib/jquery.cookie.js"></script>
    <script>
        if($.cookie('token')){
            window.location='/recommend.html';
        }
    </script>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?6ef4af606e451f9a69a2c0f15a6ccb23";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body id="moduleId" moduleId="login" pagename='login'>
	<div class="top">
		<div class="logo"></div>
		<div class="topRight">
			<div class="login">
				<input type="text" id="username" name="username" placeholder="Username"/>
				<input type="password" id="password" name="password" placeholder="Password"/>
			</div>
			<span class="fenge">|</span>
			<ul class="sign">
				<li id="signin"><a href="javascript:;">Sign in</a></li>
				<li class="showSignup"><a href="javascript:;">Sign up</a></li>
				<li class="visitor"><a href="javascript:;">Forgot password?</a></li>
			</ul>
		</div>
	</div>
	<div class="loginMain">
		<h1 class="title">iResearch</h1>
		<p class="content">

		Provide academic literature, foreign language literature, degreePapers, newspapers, conferences, Yearbook,and other types of resources, such as unified search, online reading and download services.
		</p>
	</div>
	<div class="signup" id="regdiv">
		<a class="close" id="regclose">
			<img src="static/images/cancel.png" alt="关闭"/>
		</a>
		<div class="header">Sign up</div>
		<div class="content">
			<form action="" method="post" id="reg">
                <fieldset>
				<p>
					<label for="firstName">First Name <span class="text_blue">*</span></label>
					<input type="text" name="firstName" id="firstName"  minlength="2" class="required"  placeholder="Please enter your First Name" />
				</p>
                <p>
                    <label for="middleName">Middle Name <span class="text_blue"></span></label>
                    <input type="text" name="middleName" id="middleName"   placeholder="Please enter your Middle Name" />
                </p>
				<p>
					<label for="lastName">Last Name <span class="text_blue">*</span></label>
					<input type="text" name="lastName" id="lastName"  minlength="2" class="required" placeholder="Please enter your Last Name" />
				</p>
				<p>
					<label for="email">Email <span class="text_blue">*</span></label>
					<input type="text" name="email" id="email"  class="required email"  placeholder="Please enter your Email" />
				</p>
				<p>
					<label for="password">Password <span class="text_blue">*</span></label>
					<input type="password" name="password" id="password2" class="required"  placeholder="Please enter your Password" />
				</p>
				<p>
					<label for="interests" style="float: left;">Research Interest <span class="text_blue">*</span></label>

                    <input type="text" name="interests" id="interests" class="required"  placeholder="If inputting multi-interest, use ‘Enter’ key please." />
                    <!--
                    <textarea id="interests"></textarea>
                    -->
				</p>
				
				<botton type="button" value="Sign up" class="signupSignup" id="signupSignup">Sign up</botton>
				<p class="agreement">Agree to the <a class="blue" href="#">"registered Researer software license and services agreement"</a></p>
			</fieldset>
            </form>
		</div>
	</div>

    <div class="signup forget" id="forgetpassworddiv">
        <a class="close" id="forgetclose">
            <img src="static/images/cancel.png" alt="关闭"/>
        </a>
        <div class="header">Find Your Account</div>
        <div class="content">
            <form action="" method="post" id="forget">
                <fieldset>
                    <p>
                        <label for="forget_email" style="text-align: center;width: 130px;">Email<span class="text_blue">*</span></label>
                        <input type="text" name="username" id="forget_email"   class="required email"  placeholder="Please enter your Email" />
                    </p>
                    <p>
                        <botton type="button" value="Find" class="signupSignup" id="find">Send Password To Email</botton>
                    </p>
                    <p class="agreement">Please enter your login email above and we'll send you a new password. </a></p>
                </fieldset>
            </form>
        </div>
    </div>
    <!--
    <div style="background-color: #434e5d;height: 120px;width: 100%;position: fixed;bottom: 0;">
        <div style="width: 50%;height: 20px;color: #ffffff;font-weight: bold;font-size: 15px; float: left;align-content: center;">
            <center>
                <span style="display: block; margin-top: 20px;">QQ Group：490949381</span>
                <span style="display: block; margin-top: 30px;">Email: iResearch2015@hotmail.com</span>
            </center>

        </div>
        <div style="width: 50%;height: 20px;color: red; float: left;align-content: center;">
            <center>
                <span>
                        <img style="padding: 20px 40px;" src="static/images/weixin.png" height="80px" width="80px">
                </span>
            </center>

        </div>
        <p style="position: fixed;bottom: 0;padding-top: 50px;">
            <center style="margin-top: 100px;color: #9299a6;font-size: 15px;">Copyright @2015 All Rights Reserved.京ICP备15033568-1号</center>
        </p>

    </div>
    -->
    <div style="position: absolute;right: 0;top: 30%;height: 300px;color:white ;font-weight:bold ;width: 200px;background:#444d5d;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;  ">

    </div>
    <div style="position: absolute;right: 0;top: 30%;height: 300px;color:white ;width: 180px;">
        <center style="position: relative;">
                <span style="position: relative;">

                        <img style="padding-top: 36px;padding-bottom: 10px;" src="static/images/app.png" height="80px" width="80px">

                </span>
            <p style="margin-bottom: 28px;position: relative;">Scanning for App Download</p>
            <!--
                <span style="display: block; margin-top: 20px;">QQ Group <br> 490949381</span>
              -->
            <p style="margin-bottom: 5px; font-size: 15px;">QQ Group</p>
            <p style="font-size: 13px;">490949381</p>
            <!--
            <span style="display: block; margin-top: 20px;">Email: iResearch2015@hotmail.com</span>
            -->
            <p style="margin-top: 15px; margin-bottom:5px;font-size: 15px;">Email</p>
            <p style="font-size: 13px;">iResearch2015@hotmail.com</p>
        </center>
    </div>
<script type="text/javascript" src="static/public/artSeaConfig.js"></script>
</body>
</html>